<template>
	<div>
		<div class="banner">
			<div class="phone">
			</div>
			<div class="font">
				<div class="slogan">
				</div>
				<a class="download" href="#downloadbox"></a>
				<div class="follow">
					<span>关注我们:</span>
				<a class="sinaweibo"><img src="../assets/images/sl_07.png" ></a>
				<a class="weixin"><img src="../assets/images/sl_06.png" ></a>
				</div>
			</div>
		</div>
		
	</div>
</template>

<script>
	export default {
		name: 'SelfBanner',

	}
</script>

<style scoped="scoped">
	.banner {
		position: relative;
		width: 1900px;
		height: 640px;
		/* text-align: center; */
		overflow: hidden;
		margin: 0 auto;
		background-image: url(../assets/images/zizhu1.jpg);
	}

	.phone {
		position: absolute;
		left: 22%;
		color: #000;
		font-size: 16px;
		padding: 0;
		margin: 0;
		float: left;
		width: 500px;
		height: 640px;
		background-image: url(../assets/images/self-2.png);
	}

	.font {
		position: absolute;
		right: 30%;
		color: #000;
		font-size: 16px;
		padding: 0;
		margin: 0;
		width: 300px;
		height: 640px;

	}

	.font .slogan {
		color: #000;
		font-size: 16px;
		padding: 0;
		margin: 0;
		position: relative;
		width: 300px;
		height: 232px;
		margin-top: 100px;
		background: url(http://assets.chufaba.me/assets/v2/image2_content1-238aabc43f4ba9551fc9a5dd000cc784.png);
	}

	.font .download {
		font-size: 16px;
		display: block;
		width: 220px;
		height: 72px;
		margin-top: 35px;
		margin-bottom: 5px;
		cursor: pointer;
		background: url(../assets/images/zizhu3.png);
		background-position: 0 0;
	}
	.font .follow{
		   font-size: 16px;
		    padding: 0;
		    margin: 0;
		    color: #24AB80;
			overflow: hidden;
	}
	.follow a{
		margin-left: 10px;
		vertical-align: middle;
	}
	
</style>
